<template>
    <view class="page">
        <radio-group class="radio-group" @change="radioChange">
            <view class="checkbox_div">
                <radio value="虚假活动，活动不真实" :checked="false"><text class="text">虚假活动，活动不真实</text></radio>
            </view>
            <view class="checkbox_div">
                <radio value="诱导分享、诱导关注"><text class="text">诱导分享、诱导关注</text></radio>
            </view>
            <view class="checkbox_div">
                <radio value="欺诈违法"><text class="text">欺诈违法</text></radio>
            </view>
            <view class="checkbox_div">
                <radio value="色情、暴力"><text class="text">色情、暴力</text></radio>
            </view>
            <view class="checkbox_div">
                <radio value="其他"><text class="text">其他</text></radio>
            </view>
        </radio-group>
        <textarea @input="textareaChange" placeholder="请输入投诉内容" />
        <button class="ti" @tap="bindTi">提交</button>
        <button class="colse" @tap="bindColse">关闭</button>
    </view>
</template>
1
<script>
// wxz_wzbagent/pages/tousu/tousu.js
export default {
    data() {
        return {
            tousu_radio: '虚假活动，活动不真实',
            tousu_text: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {
        //设置页面标题
        uni.setNavigationBarTitle({
            title: '投诉原因'
        });
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        radioChange(t) {
            var tousu_radio = t.detail.value;
            this.setData({
                tousu_radio: tousu_radio
            });
        },

        textareaChange(t) {
            var tousu_text = t.detail.value;
            this.setData({
                tousu_text: tousu_text
            });
        },

        bindTi(t) {
            if (!this.tousu_text) {
                uni.showToast({
                    title: '您未输入投诉内容！',
                    icon: 'none',
                    duration: 1500
                });
                return false;
            }
            uni.showToast({
                title: '您已投诉成功！',
                icon: 'success',
                duration: 2000,
                success: function () {
                    setTimeout(function () {
                        uni.navigateBack({
                            delta: 1
                        });
                    }, 2000);
                }
            });
        },

        bindColse(t) {
            uni.navigateBack({
                delta: 1
            });
        }
    }
};
</script>
<style>
@import './tousu.css';
</style>
